<template>
	<view class="page_view">
		<view class="old">
			<view class="content-view-list-item" v-for="(item,index) in info.withdraw_goods">
				<view class="content-view-list-item-item">
					<view class="list-item-top">
						<view class="list-item-top-left">
							<!-- {{info.order_no}} -->
						</view>
						<view class="list-item-top-right">
							{{item.createtime}}
						</view>
					</view>
					<view class="list-item-min">
						<view class="list-item-min-left">
							<image :src="baseUrl.cdnurl+item.image" class="list-item-min-left-img" mode="" v-if="item.platform == 0"></image>
							<image :src="item.image" class="list-item-min-left-img" mode="" v-else></image>
							<!-- <view class="list-item-min-left-yinying">
								旧
							</view> -->
						</view>

						<view class="list-item-min-right">
							<view class="list-item-min-right-top">
								{{item.title}}
							</view>
							<view class="list-item-min-right-bottom">
								<view class="list-item-min-right-bottom-left">
								  提现 ¥<text class="list-item-min-right-bottom-left-text">{{item.price}}</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- <image src="/static/images/home/zhihuan.png" class="zhihuan" mode="" v-if="info.goods"></image>
		<view class="new" v-if="info.goods">
			<view class="new_top">
				<image :src="baseUrl.cdnurl+info.goods.shop_goods.avatar" class="new-top-img" mode=""></image>
				<view class="list-item-top-text">
					{{info.goods.shop_goods.shopname}}
				</view>
			</view>
			<view class="new_min">
				<view class="new_min_img_view">
					<image :src="baseUrl.cdnurl+info.goods.image" class="new-min-img" mode=""></image>
					<view class="new_min_img_view_biaoqian">
						新
					</view>
				</view>
				
				<view class="new-min-right">
					<view class="new-min-right-top">
						{{info.goods.title}}
					</view>
					<view class="new-min-right-bottom">
						¥{{info.goods.price}}
					</view>
				</view>
			</view>
		</view> -->
		<view class="desc_view">
			<view class="desc_view_title">
				详细信息
			</view>
			<view class="desc_view_flex" v-if="info.shop_address">
				<view class="desc_view_flex_item">
					邮寄地址
				</view>
				<view class="desc_view_flex_item">
					{{info.shop_address}}
				</view>
			</view>
			<view class="desc_view_flex" v-if="info.tracking_number">
				<view class="desc_view_flex_item">
				邮寄快递单号
				</view>
				<view class="desc_view_flex_item">
					{{info.tracking_number}}
				</view>
			</view>
			<!-- <view class="desc_view_flex">
				<view class="desc_view_flex_item">
					订单编号
				</view>
				<view class="desc_view_flex_item">
					{{info.order_no}}
				</view>
			</view> -->
			
			<view class="desc_view_flex">
				<view class="desc_view_flex_item">
					提现方式
				</view>
				<view class="desc_view_flex_item">
					{{info.channel == 1?'银行卡':info.channel == 2?'微信':'支付宝'}}
				</view>
			</view>
			<!-- <view class="desc_view_flex">
				<view class="desc_view_flex_item">
					下单时间
				</view>
				<view class="desc_view_flex_item">
					{{info.createtime}}
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	import config from '@/utils/base.js';
	export default {
		data() {
			return {
				info:'',
				baseUrl: config,
			}
		},
		onLoad(options) {
			if(options.item)this.info = JSON.parse(options.item)
			console.log(this.info)
		},
		methods: {

		}
	}
</script>

<style scoped>
	page {
		background-color: #fff;
	}

	.old {
		width: 100%;
		background: #F4F4F4;
		padding: 24rpx 32rpx;
		box-sizing: border-box;
	}

	.content-view-list-item:last-child {
		border: 0;
	}

	.content-view-list-item {
		display: flex;
		align-items: center;
		height: 200rpx;
		border-bottom: 2rpx solid #F4F4F4;

	}

	.list-item-top {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #666666;
	}

	.list-item-min {
		height: 100%;
		display: flex;
		align-items: center;
		margin-top: 12rpx;
	}

	.list-item-min-left {
		min-width: 116rpx;
		width: 116rpx;
		height: 116rpx;
		border-radius: 12rpx;
		border: 2rpx solid #F4F4F4;
		margin-right: 20rpx;
		position: relative;
	}

	.list-item-min-left-img {
		width: 116rpx;
		height: 116rpx;
	}

	.list-item-min-left-yinying {
		width: 116rpx;
		height: 116rpx;
		text-align: center;
		line-height: 116rpx;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #000;
		opacity: .6;
		color: #fff;
		border-radius: 12rpx;
	}

	.list-item-min-right-top {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		overflow: hidden;
		/*! autoprefixer: off */
		-webkit-box-orient: vertical;
		/*! autoprefixer: on */
		word-break: break-all;
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: bold;
		color: #333333;
	}

	.list-item-min-right-bottom {
		display: flex;
		justify-content: space-between;
		margin-top: 20rpx;
	}

	.list-item-min-right-bottom-right {
		display: flex;
		align-items: center;
	}

	.list-item-min-right-bottom-left {
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #E32D1D;
	}

	.list-item-min-right-bottom-left-text {
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #E32D1D;
	}

	.list-item-min-right-bottom-right {
		font-size: 26rpx;
		font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #FFFFFF;
		text-align: center;
		line-height: 52rpx;
	}

	.list-item-min-right-bottom-right-left {
		width: 144rpx;
		height: 52rpx;
		background: linear-gradient(360deg, #E32C1C 0%, #E46C30 100%);
		border-radius: 24rpx 0rpx 0rpx 24rpx;
	}

	.list-item-min-right-bottom-right-right {
		width: 144rpx;
		height: 52rpx;
		background: linear-gradient(180deg, #4ECC81 0%, #34B806 100%);
		border-radius: 0rpx 24rpx 24rpx 0rpx;
	}
	.zhihuan{
		width: 36rpx;
		height: 36rpx;
		margin: 28rpx 32rpx;
	}
	
	.new{
		width: 100%;
		padding: 0 32rpx;
		box-sizing: border-box;
	}
	.new_top{
		display: flex;
		align-items: center;
	}
	.new-top-img{
		width: 30rpx;
		height: 30rpx;
		background-color: #ddd;
		border-radius: 50%;
		margin-right: 6rpx;
	}
	.new_min{
		display: flex;
		align-items: center;
		margin-top: 16rpx;
	}
	.new-min-img{
		width: 116rpx;
		height: 116rpx;
		border-radius: 12rpx;
		
		
	}
	.new-min-right-top{
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #333333;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		overflow: hidden;
		/*! autoprefixer: off */
		-webkit-box-orient: vertical;
		/*! autoprefixer: on */
		word-break: break-all;
	}
	.new-min-right-bottom{
		font-size: 20rpx;
		font-family: Alibaba PuHuiTi 2.0-65 Medium, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #E42D1D;
		margin-top: 14rpx;
	}
	.new-min-right-bottom-text{
		font-size: 34rpx;
	}
	.new_min_img_view{
		min-width: 116rpx;
		width: 116rpx;
		height: 116rpx;
		border-radius: 12rpx;
		border: 2rpx solid #F4F4F4;
		margin-right: 20rpx;
		position: relative;
	}
	.new_min_img_view_biaoqian{
		width: 54rpx;
		height: 32rpx;
		background: #27CF23;
		border-radius: 12rpx 0rpx 12rpx 0rpx;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		line-height: 32rpx;
		font-size: 24rpx;
		font-family: Alibaba PuHuiTi 2.0-55 Regular, Alibaba PuHuiTi 20;
		font-weight: normal;
		color: #FFFFFF;
	}
	.desc_view{
		width: 100%;
		padding: 0 32rpx;
		box-sizing: border-box;
		margin-top: 32rpx;
	}
	.desc_view_title{
		font-size: 24rpx;
		font-weight: bold;
	}
	.desc_view_flex{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 24rpx;
		color: #626262;
		margin-top: 30rpx;
	}
</style>